<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>娇兰佳人-了解娇兰佳人</title>
    <link rel="stylesheet" href="swiper-4.5.0/dist/css/swiper.min.css">
    <link rel="stylesheet" href="css/tongyong.css">
    <link rel="stylesheet" href="css/style-understand.css">
    <link rel="stylesheet" href="https://cdn.bootcss.com/font-awesome/5.8.2/css/all.min.css">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
</head>
<body>
    <div class="header">
        <div class="container">
            <div class="row-1">
                <div class="col-md-1">
                    <a href=""><img src="img/sy-header-img1.png" alt=""></a>
                </div>
                <div class="t">
                    <span></span>
                </div>
                <div class="t1">
                    <span></span>
                </div>
                <div class="col-md-2">
                    <input type="search" placeholder="搜索 产品或品牌">
                    <a href=""><img src="img/sy-search.png" alt=""></a>
                </div>
                <div class="col-md-3 dt_nav_btn12" id="dt_nav_btn12">
                    <p><a href=""><img src="img/sy-name.png" alt=""> &nbsp;&nbsp;注册 | 登录</a></p>
                </div>
                <div class="col-2 dt_nav_content12" id="dt_nav_content12">
                    <a href=""><img src="img/sy-wx-1.png" alt=""></a>
                </div>
                <div class="col-md-3 dt_nav_btn13" id="dt_nav_btn13">
                    <p><a href=""><img src="img/sy-integral.png" alt=""> &nbsp;&nbsp;积分商城</a></p>
                </div>
                <div class="col-2 dt_nav_content13" id="dt_nav_content13">
                    <a href=""><img src="img/sy-wx-2.png" alt=""></a>
                </div>
                <div class="col-md-3">
                    <p><a href=""><img src="img/sy-physical-store.png" alt=""> &nbsp;&nbsp;实体店查询</a></p>
                </div>
            </div>
        </div>
    </div>
    <div class="nav">
        <div class="container">
            <div class="row clearfix">
                <div class="col-md-1">
                    <ul>
                        <li class="li-1"><a href="index.html" class="a1">首页</a><a href="" class="a2"></a></li>
                    </ul>
                </div>
                <div class="col-md-1 dt_nav_btn" id="dt_nav_btn">
                    <ul>
                        <li class="li-2"><a href="VIP.html" class="a1">会员专区</a><a href="" class="a2"></a></li>
                    </ul>
                    <div class="dt_nav_content" id="dt_nav_content">
                        <a href="">会员活动</a>
                        <a href="">会员权益</a>
                        <a href="">会员卡领取</a>
                    </div>
                </div>
                <div class="col-md-1 dt_nav_btn1" id="dt_nav_btn1">
                    <ul>
                        <li class="li-2"><a href="Must-bay.html" class="a1">必买清单</a><a href="" class="a2"></a></li>
                    </ul>
                    <div class="dt_nav_content1" id="dt_nav_content1">
                        <p><a href="" class="a1">华北</a> <a href="" class="a2">
                            ：( 北京、天津、河北、山东、内蒙古【包头、阿拉善盟、呼和浩特、乌兰察布、锡林郭勒盟、赤峰、通辽、呼伦贝尔、兴安盟】 )</a></p>
                        <p><a href=""  class="a1">东北</a><a href="">：( 辽宁、吉林、黑龙江 )</a></p>
                        <p><a href="" class="a1">华中</a><a href="">：( 湖北、河南 )</a></p>
                        <p><a href="" class="a1">华东</a><a href="">：( 上海、江苏、浙江、安徽 )</a></p>
                        <p><a href="" class="a1">西南（成都）</a><a href="">：( 四川【达州、南充、广安除外】、云南、西藏 )</a></p>
                        <p><a href="" class="a1">西南（重庆）</a><a href="">：( 重庆、贵州、四川【达州、南充、广安】、新疆 )</a></p>
                        <p><a href="" class="a1">西北</a><a href="">：( 陕西、甘肃、宁夏、青海、内蒙古【巴彦淖尔，鄂尔多斯地区，乌海】 )</a></p>
                        <p><a href="" class="a1">华南</a><a href="">：( 广东、广西、湖南、江西、福建、海南、山西 </a></p>

                    </div>
                </div>
                <div class="col-md-1 dt_nav_btn2" id="dt_nav_btn2">
                    <ul>
                        <li class="li-2"><a href="" class="a1">自有专供</a><a href="" class="a2"></a></li>
                    </ul>
                    <div class="dt_nav_content2" id="dt_nav_content2">
                        <a href="">REC</a>
                        <a href="">minilab</a>
                        <a href="">柏蕊诗</a>
                        <a href="">珂思蔻</a>
                        <a href="">贝肤泉</a>
                        <a href="">艾伊派</a>
                        <a href="">露芭缇</a>
                        <a href="">婷美•美肌</a>
                        <a href="">植物日记</a>
                        <a href="">卡雯</a>
                        <a href="">瓷律</a>
                    </div>
                </div>
                <div class="col-md-1 dt_nav_btn3" id="dt_nav_btn3">
                    <ul>
                        <li class="li-2"><a href="Beautiful.html" class="a1">美丽课堂</a><a href="" class="a2"></a></li>
                    </ul>
                    <div class="dt_nav_content3" id="dt_nav_content3">
                        <a href="">达人show</a>
                        <a href="">美肌酵室</a>
                        <a href="">玩美彩妆</a>
                    </div>
                </div>
                <div class="col-md-1">
                    <ul>
                        <li class="li-2"><a href="information.html" class="a1">资讯中心</a><a href="" class="a2"></a></li>
                    </ul>
                </div>
                <div class="col-md-1 dt_nav_btn4" id="dt_nav_btn4">
                    <ul>
                        <li class="li-2"><a href="Join-in.html" class="a1">加盟专区</a><a href="" class="a2"></a></li>
                    </ul>
                    <div class="dt_nav_content4" id="dt_nav_content4">
                        <a href="">加盟简介</a>
                        <a href="">加盟优势</a>
                        <a href="">加盟案例</a>
                        <a href="">加盟联系</a>
                    </div>
                </div>
                <div class="col-md-1 dt_nav_btn5" id="dt_nav_btn5">
                    <ul>
                        <li class="li-3"><a href="understand.html" class="a1">了解娇兰佳人</a><a href="" class="a2"></a></li>
                    </ul>
                    <div class="dt_nav_content5" id="dt_nav_content5">
                        <a href="">公司简介</a>
                        <a href="">品牌形象</a>
                        <a href="">企业社会责任</a>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="nav-1">
        <div class="container1">

            <div class="row clearfix">
                <div class="col-md-1">
                    <ul>
                        <li class="li-1"><a href="index.html" class="a1">首页</a><a href="" class="a2"></a></li>
                    </ul>
                </div>
                <div class="col-md-1 dt_nav_btn">
                    <ul>
                        <li class="li-2"><a href="VIP.html" class="a1">会员专区</a><a href="" class="a2"></a></li>
                    </ul>
                </div>
                <div class="col-md-1 dt_nav_btn1">
                    <ul>
                        <li class="li-2"><a href="Must-bay.html" class="a1">必买清单</a><a href="" class="a2"></a></li>
                    </ul>
                </div>
                <div class="col-md-1 dt_nav_btn2">
                    <ul>
                        <li class="li-2"><a href="" class="a1">自有专供</a><a href="" class="a2"></a></li>
                    </ul>
                </div>
                <div class="col-md-1 dt_nav_btn3">
                    <ul>
                        <li class="li-2"><a href="Beautiful.html" class="a1">美丽课堂</a><a href="" class="a2"></a></li>
                    </ul>
                </div>
                <div class="col-md-1">
                    <ul>
                        <li class="li-2"><a href="information.html" class="a1">资讯中心</a><a href="" class="a2"></a></li>
                    </ul>
                </div>
                <div class="col-md-1 dt_nav_btn4">
                    <ul>
                        <li class="li-2"><a href="Join-in.html" class="a1">加盟专区</a><a href="" class="a2"></a></li>
                    </ul>
                </div>
                <div class="col-md-1 dt_nav_btn5">
                    <ul>
                        <li class="li-3"><a href="understand.html" class="a1">了解娇兰佳人</a><a href="" class="a2"></a></li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
    <div class="main">
        <div class="main-1">
            <div class="container">
                <div class="main-nav">
                    <ul>
                        <li class="active">公司简介</li>
                        <li>品牌形象</li>
                        <li>企业社会责任</li>
                    </ul>
                </div>
                <div class="main-content">
                    <div class="xx1 active">
                        <img src="img/lj-main-1-img1.jpg" alt="">
                    </div>
                    <div class="xx2">
                        <div class="banner" id="banner">
                            <div class="swiper-container" id="swiper-container">
                                <div class="swiper-wrapper">
                                    <div class="swiper-slide">
                                        <a href=""><img src="img/lj-banner-img1.jpg" alt=""></a>
                                    </div>
                                    <div class="swiper-slide">
                                        <a href=""><img src="img/lj-banner-img2.jpg" alt=""></a>
                                    </div>
                                    <div class="swiper-slide">
                                        <a href=""><img src="img/lj-banner-img3.jpg" alt=""></a>
                                    </div>
                                    <div class="swiper-slide">
                                        <a href=""><img src="img/lj-banner-img4.jpg" alt=""></a>
                                    </div>
                                    <div class="swiper-slide">
                                        <a href=""><img src="img/lj-banner-img5.jpg" alt=""></a>
                                    </div>
                                </div>
                                <!-- 如果需要导航按钮 -->
                                <div class="swiper-button-prev" id="swiper-button-prev"></div>
                                <div class="swiper-button-next" id="swiper-button-next"></div>
                            </div>
                        </div>
                    </div>
                    <div class="xx3">
                        <div class="video">
                            <div class="h1">
                                企业社会责任
                                <div class="title clearfix">
                                    <img src="img/lj-main-1-logo.png" alt="">
                                    <h2>视频</h2>
                                </div>
                            </div>
                            <div class="video-1">
                                <video src="video/lj-video-1.mp4" controls loop poster="img/lj-video-sy-img.jpg" preload="auto"></video>
                                <button></button>
                            </div>
                            <div class="title clearfix">
                                <img src="img/lj-main-1-logo.png" alt="">
                                <h2>资讯</h2>
                            </div>
                        </div>
                        <div class="nr1">
                            <ul class="nav1 clearfix">
                                <li>
                                    <a href="">
                                        <img src="img/lj-main-2-img1.jpg" alt="">
                                        <div class="text">
                                            <h3>中秋爱童行|闯进“森林”来一场大冒险</h3>
                                            <p>“童行包”暖心上线</p>
                                            <span>2018-10-09</span>
                                        </div>
                                    </a>
                                </li>
                                <li>
                                    <a href="">
                                        <img src="img/lj-main-2-img2.jpg" alt="">
                                        <div class="text">
                                            <h3>娇兰佳人“益”起微笑 暖心画册邀你共赏</h3>
                                            <p>爱从一个微笑开始，你的微笑既能传递正能量，又能帮助有需要的人，你今天微笑了吗？</p>
                                            <span>2018-01-15</span>
                                        </div>
                                    </a>
                                </li>
                                <li>
                                    <a href="">
                                        <img src="img/lj-main-2-img3.jpg" alt="">
                                        <div class="text">
                                            <h3>情暖冬至，我们与你结伴同行</h3>
                                            <p>不知不觉，12月份已到中旬，很快我们也将迎来冬至，历来都有“冬至大过年”的说法。在冬至即将来临之际，家家户户都洋溢温暖、团圆的氛围，但有一些身患重症的病童却只能孤独地留守病房或在住出租屋的隔离房间，与病魔残酷地搏斗，冬至的团圆成为他们的奢望。</p>
                                            <span>2018-01-15</span>
                                        </div>
                                    </a>
                                </li>
                            </ul>
                            <ul class="nav1 clearfix">
                                <li>
                                    <a href="">
                                        <img src="img/lj-main-3-img1.jpg" alt="">
                                        <div class="text">
                                            <h3>娇兰佳人爱童行2017“童心童行”中秋探访病童活动</h3>
                                            <p>临近中秋佳节，一场温馨、有爱的中秋活动于9月22日下午在广州市妇女儿童医疗中心举行。</p>
                                            <span>2018-01-15</span>
                                        </div>
                                    </a>
                                </li>
                                <li>
                                    <a href="">
                                        <img src="img/lj-main-3-img2.jpg" alt="">
                                        <div class="text">
                                            <h3>六一儿童节—我们一起来玩耍</h3>
                                            <p>适逢六一儿童节来临之际，广东公益恤孤助学促进会婷美小屋爱童行、娇兰佳人爱童行联合广州市金丝带特殊儿童家长互助中心，分别于2017年5月27日、30日晚在南方医院、广州妇儿中心举行“我们的六一儿童节”探访病童活动。</p>
                                            <span>2018-01-15</span>
                                        </div>
                                    </a>
                                </li>
                                <li>
                                    <a href="">
                                        <img src="img/lj-main-3-img3.jpg" alt="">
                                        <div class="text">
                                            <h3>爱童行|一步一爱 娇兰佳人邀你“益”起爱童行</h3>
                                            <p>现在流行晒步数？捐步数才是你传递正能量的正确打开方式！今年，娇兰佳人在腾讯公益平台推出“感恩12载 ‘益’起童行”捐步活动，5月12日-21日期间，参与者只要走满5000步就可以通过微信运动进行捐赠</p>
                                            <span>2018-01-15</span>
                                        </div>
                                    </a>
                                </li>
                            </ul>
                            <ul class="nav1 clearfix">
                                <li>
                                    <a href="">
                                        <img src="img/lj-main-4-img1.jpg" alt="">
                                        <div class="text">
                                            <h3>爱童行|Ta们的生活到底是什么滋味？</h3>
                                            <p>甜味，是小孩子的最爱，当孩子出生尝到的第一口味道是妈妈甜甜的母乳；当孩子嚎啕大哭时，甜甜的糖果总能让他们破涕为笑。可是有一群小孩子，他们的童年只闻到消毒水的味道。</p>
                                            <span>2018-01-15</span>
                                        </div>
                                    </a>
                                </li>
                                <li>
                                    <a href="">
                                        <img src="img/lj-main-4-img2.jpg" alt="">
                                        <div class="text">
                                            <h3>爱童行|一场病，一门人生课题</h3>
                                            <p>爱笑的天使没有翅膀，嫣然一笑就飞翔，笑容在心里快乐在脸上，不说一句教人善良</p>
                                            <span>2018-01-15</span>
                                        </div>
                                    </a>
                                </li>
                                <li>
                                    <a href="">
                                        <img src="img/lj-main-4-img3.jpg" alt="">
                                        <div class="text">
                                            <h3>爱童行|愿你不仅从他们的全世界路过</h3>
                                            <p>他们跟其它小孩子一样，对这个世界抱有好奇和幻想，不同的是，他们是重症贫童</p>
                                            <span>2018-01-15</span>
                                        </div>
                                    </a>
                                </li>
                            </ul>
                        </div>
                        <div class="nr2">
                            <p>
                                <a href=""><img src="img/qd-more.png" alt=""></a>
                                <a href="">查看更多</a>
                            </p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="footer">
        <div class="container">
            <div class="footer-top">
                <div class="row-1 clearfix">
                    <div class="col-1">
                        <a href=""><img src="img/sy-header-img1.png" alt=""></a>
                    </div>
                    <div class="col-2 dt_nav_btn11" id="dt_nav_btn11">
                        <a href=""><img src="img/sy-footer-btn1.png" alt=""> &nbsp;关注微信</a>
                    </div>
                    <div class="dt_nav_content11" id="dt_nav_content11">
                        <i class="fas fa-caret-up"></i>
                        <a href=""><img src="img/sy-wx-3.png" alt=""></a>
                    </div>
                    <div class="col-2 dt_nav_btn11">
                        <a href=""><img src="img/sy-footer-btn2.png" alt="">  &nbsp;关注微博</a>
                    </div>
                    <div class="col-2" id="toTop">
                        <a href=""><img src="img/sy-footer-top-btn.png" alt=""></a>
                    </div>
                </div>
            </div>
            <div class="footer-middle"></div>
            <div class="footer-bottom">
                <div class="row-1">
                    <ul class="nav1 clearfix">
                        <li class="li-2"><a href="">会员专区</a></li>
                        <li><a href="">必买清单</a></li>
                        <li><a href="">自有专供</a></li>
                        <li><a href="">美丽课堂</a></li>
                        <li><a href="">资讯中心</a></li>
                        <li><a href="">加盟专区</a></li>
                        <li class="li-1"><a href="">了解娇兰佳人</a></li>
                    </ul>
                </div>
                <div class="row-2">
                    <p>友情链接 :<a href="">柏蕊诗</a> <a href="">贝肤泉</a> <a href="">婷美美肌</a> <a href="">植物日记</a> <a
                            href="">Coscure珂思蔻</a> <a href="">瓷律</a></p>
                </div>
                <div class="row-3">
                    <p>热门词汇 :<a href="">连锁加盟</a> <a href="">曼秀雷敦</a> <a href="">新碧</a> <a href="">旁氏</a></p>
                </div>
                <div class="row-4">
                    <p>Copyright &copy; 2018  广州娇兰佳人化妆品连锁有限公司 版权所有 <a href=""> 粤ICP备14000798号-1</a> <a href=""><img src="img/sy-footer-btn3.png" alt=""></a><a href="">粤公网安备 44011102001848号</a></p>
                </div>
            </div>
        </div>
    </div>
</body>
<script src="js/vue.js"></script>
<script src="swiper-4.5.0/dist/js/swiper.min.js"></script>
<script src="js/script-understand.js"></script>
</html>